<template>
	<div class="IllegalDetail-wrapper">
		<el-container class="IllegalDetail">
			<el-header>
				<div class="title">审核违法业务处理</div>
			</el-header>
			<el-main>
				<div class="main1">
					<div class="row" v-for="(item,index) in leftDataList" :key="index">
						<span>{{item.title}}：</span><span>{{item.content}}</span>
					</div>
				</div>
				<div class="main2">
					<div class="row" v-for="(item,index) in rightDataList" :key="index">
						<span>{{item.title}}：</span><span>{{item.content}}</span>
					</div>
				</div>
			</el-main>
			<el-footer style="height: 80px;">
				<el-button type="warning" @click="$router.back()"><i class="el-icon-refresh-left"></i>返回</el-button>
			</el-footer>
		</el-container>
	</div>
</template>
<script>
	export default {
		computed: {
			leftDataList() {
				return this.$route.params.leftDataList
			},
			rightDataList() {
				return this.$route.params.rightDataList
			},
		}
	}
</script>
<style>
	.IllegalDetail-wrapper {
		width: 100%;
		min-width: 1100px;
		overflow: auto;
		background-color: #e9f0f9;
		padding: 20px 40px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
	.IllegalDetail {
		width: 100%;
	    min-width: 1120px;
	    box-sizing: border-box;
	    background-color: #fff;
	    box-shadow: 5px 5px 5px #888;
	    padding: 20px;
	}
	.IllegalDetail .el-header {
		display: flex;
		align-items: center;
	}
	.IllegalDetail .el-header {
		display: flex;
		align-items: center;
	}
	.IllegalDetail .el-header .title {
		font-size: 20px;
		font-weight: 800;
		color: #2679b5;
		margin: 0 10px;
		border-bottom: 1px solid #e2e2e2;
		width: 100%;
		height: 55px;
		line-height: 55px;
		box-sizing: border-box;
	}
	.IllegalDetail .el-main {
		display: flex;
	}
	.main1 {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		font-size: 18px;
	}
	.main2 {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		font-size: 18px;
	}
	.main1 .row span:nth-child(1),
	.main2 .row span:nth-child(1) {
		display: inline-block;
		width: 220px;
		text-align: right;
	}
	.main1 .row span:nth-child(2),
	.main2 .row span:nth-child(2) {
		margin-left: 50px;

	}
	.IllegalDetail .el-footer {
		background-color: #f5f5f5;
		margin: 50px 20px 40px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>